<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>无序列表</title>
    <style>
        ul {
            list-style-type: square;
            list-style-image: url("img/arrow.png");
            list-style-position:inside;
        }
        li{
            border: 1px solid red;
        }
      </style>
</head>
<body>
<ul>
    <li>合浦</li>
    <li>北海</li>
    <li>湛江</li>
    <li>广州</li>
    <li>深圳</li>


</ul>
</body>
</html>